<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <div id="time"></div>
  <script>
    // setInterval
    //       格式：setInterval(匿名函数, 毫秒数);
    //       功能：每隔对应毫秒数，执行一次传入的函数
    //       返回值：启动定时器系统分配的编号
          
    //       取消定时器：clearInterval(timer);

    // var i = 0;
    // var timer = setInterval(() => {
    //   if (i == 5) {
    //     clearInterval(timer);
    //   }
    //   document.write(i++ + "<br/>");
    // }, 1000);

    // 显示实时时间
    setInterval(() => {
      var d = new Date();
      document.getElementById("time").innerHTML = d.toLocaleDateString() + " " + d.toLocaleTimeString()
    }, 1000);
  </script>
</body>
</html>